<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <canvas width="200" height="200" id="canvas"></canvas>
</body>
<script>
    const canvas=document.getElementById('canvas')
    const context=canvas.getContext('2d')

    context.lineWidth=10
    context.strokeStyle='#eee'
    context.arc(canvas.width/2,canvas.height/2,50,(3/4)*Math.PI,(2+1/4)*Math.PI,false)
    context.stroke()
    
</script>
</html>
